.myworks{
    width: 100%;

    .r_page{
        width:100%;
        text-align: right;
        margin-top:30px;
        margin-bottom: 30px;
    }

    .cen{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .none{
        width:100%;
        margin-top:100px;
        padding-bottom: 50px;
        .nimg{
            width:594px;
            height:492px;
            
        }

        p{
            font-size: 18px;
            
            font-weight: 400;
            color: rgba(0, 0, 0, 0.85);
            line-height: 25px;
            margin:-150px 0 0 0; 
            width:100%;
            text-align: center;

        }
    }

    
    .mpage{
        width:100%;
        height:auto;
        background: #fff;
        padding:0 10px 1px 10px;

        .title{
            width:100%;
            height:68px;
            line-height: 68px;
            align-items: center;
            font-size: 20px;
            
            font-weight: 600;
            color: #000000;
            border-bottom: 1px solid #F3F3F5;
            padding:0 10px;
            box-sizing: border-box;
        }

        .ptable{
            width:100%;
            margin-top:10px;
            margin-bottom: 50px;
            table{
                width:100%;

                .two{
                    width:160px;
                    text-align: left;
                }

                tr:nth-child(2n - 1){
                    background: #FBFBFB;
                }

                th{
                    background: #1BBA84;
                    height:50px;
                    text-align: center;
                    font-size: 14px;
                    
                    font-weight: 500;
                    color: #FFFFFF;  
                }

                td{
                    height:50px;
                    text-align: center;
                    font-size: 14px;
                    
                    font-weight: 500;
                    color: #212121;   
                }

                .i_point{
                    cursor: pointer;
                }

                .green{
                    color:#1BBA84;
                }

                .yellow{
                    color:#FF8D00;
                }

                .gracy{
                    color:#AAAAAA;
                }

                .blue{
                    color:#27599E !important;
                }

                .options{
                    width:140px;;
                    display: flex;
                    align-items: center;

                    .opi{
                        display: flex;
                        align-items: center;
                        cursor: pointer;
                    }
                    img{
                        width:16px;
                        height:16px;
                        margin-right:2px;
                    }

                    p{
                        width:48px;
                        font-size: 14px;
                        
                        font-weight: 400;
                        color: #991F23;
                        line-height: 20px; 
                        margin:0;
                    }
                }
            }
        }
    }
}